require('./player.less')
require('../../assets/fonts/iconfont.css')
// 引入文档加载事件，dom选择器封装
let { $, $$, $$$ } = require('../../utils/dom')
//引入axios
const axios = require('../../utils/axios')


$(function (){
  // 获取锚点
  let hash = location.hash.substring(1)
  //获取会话存储中的视频
  let fragments = JSON.parse( sessionStorage.getItem('fragments') )
  // console.log( fragments);
  
  //定义变量保存视频索引
  let index = 0;

  //保存运动总时间
  let alltime = 0;

  //开始运动时间
  let starttime = Date.now();


  /**
   * 开始播放
   */

  function thePlay(){
      //将fragments中第一个视频路径存放到video中
      video.src = 'http://47.96.154.185:3701'+fragments[index].videoUrl

      //播放
      setTimeout(function (){
        // video.currentTime = sessionStorage.getItem("currentTime")
          video.play()
      }, 500)

      $$('#allcount').textContent = fragments.length
      $$('#curcount').textContent = index+1
      $$('.name').textContent = fragments[index].title
  }

  thePlay()

  
  /**
   * 自动下一曲
   */
  video.addEventListener('ended', function (){
      ++index
      if( index >= fragments.length ) return;
      thePlay()
  })

  /**
   * 点击下一曲
   */
  $$('#nextbtn').addEventListener('click', function (){
      ++index
      if( index >= fragments.length ) return;
      thePlay()
  })


  /**
   * 点击上一曲
   */
  $$('#prevbtn').addEventListener('click', function (){
      --index
      if( index <0 ) return;
      thePlay()
  })


  /**
   * 进度条
   */
  video.addEventListener('timeupdate', function (){
      sessionStorage.setItem("index",index)
      sessionStorage.setItem("currentTime",this.currentTime)
      $$('.progress').style.width = this.currentTime/this.duration * 100 + '%'
  })

  /**
   * 暂停播放
   */
  $$('#playbtn').addEventListener('click', function (){
      video.pause();
      $$('.mask').style.display = 'block' ;//none:隐藏 

      alltime += Date.now() - starttime //累加运动时间

      axios.get('/api/train/courseDetail',{
        params: {
          id: hash
        }
      }).then(function (res){
        if(res.data.errno === 0){
            $$("#cursp").textContent = res.data.data.fragments[index].title
            $$("#curimg").src = "http://47.96.154.185:3701"+res.data.data.fragments[index].imgUrl
        }
    })

      axios.get('http://api.tianapi.com/dujitang/index?key=429e250ce9051bac56b202ce1baad37c').then(function (res) {
        if (res.data.code) {
           // 渲染毒鸡汤
          $$("#jitang").textContent = res.data.newslist[0].content
        }
      })
  })

  /**
   * 继续播放
   */
  $$('#continuebtn').addEventListener('click', function (){
      video.play();
      $$('.mask').style.display = 'none'

      starttime = Date.now() //继续播放,开始时间就是当前时间
  })

  /**
   * 结束播放-保存运动数据
   */
  $$('#stopbtn').addEventListener('click', function (){

      //参数对象
      const params = {
          type: 2, //0跑步 1骑行 2课程训练
          duration: Math.ceil(alltime/1000),//运动总时间
          calorie: Math.ceil(alltime/1000)*1.5,
          meter: Math.ceil(alltime/1000) * 3
      }

      axios.post('/api/exercise/save', params).then(function (res){
          if(res.data.errno === 0){
              location.href = './curriculum.html'
          }
      })
  })

})
